.l-container {
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #e8ecf0;
  position: relative;
}
.l-aside {
  height: 100%;
  float: left;
  overflow: hidden;
  transition-duration: 0.5s;
}
.l-main {
  height: 100%;
  transition-duration: 0.5s;
  position: relative;
}
.l-header {
  height: 58px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}
.l-breadcrumb,.l-tablist{
  width: 100%;
  position: absolute;
  top: 61px;
  left: 0;
  height: 36px;
  padding: 0 12px;
}
.l-mainbody{
  padding: 94px 12px 12px 12px;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.l-message {
  position: absolute;
  top: 0px;
  right: -320px;
  z-index: 111;
  // padding-top: 58px;
  height: 100%;
  width: 320px;
  background: #fff;
  transition-duration: 0.4s;
  overflow-y: auto;
  &.is-show {
    right: 0;
  }
}
.l-control {
  position: absolute;
  top: 0px;
  right: -220px;
  z-index: 111;
  // padding-top: 58px;
  height: 100%;
  width: 220px;
  background: #fff;
  transition-duration: 0.4s;
  overflow-y: auto;
  &.is-show-control{
    right: 0;
  }
}
.l-mask {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(51, 51, 51, 0.5);
  z-index: 999;
}
.main-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -80px;
  margin-left: -91px;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  border: 2px solid #d6e7f2;
  border-radius: 0;
  padding: 0 12px 0 36px;
  background: url(~@/assets/images/loading.gif) no-repeat 10px center #fcfcfc;
  line-height: 44px;
  color: #37a;
  font-weight: 700;
  font-size: 12px;
}